<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>省广官网</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.min.css"/>
		<script src="js/rem.js" charset="UTF-8"></script>
	</head>
	<body>
		<!-----文章页开始----->
		<div class="article">
			<!--顶部-->
			<header>
				<i class="fl iconfont icon-liebiao3"></i>
				<i class="fr iconfont icon-sousuo"></i>
				<img src="img/nav_logo.png" alt="logo" class="logo"/>
				
			</header>
			<!--中间部分-->
			<div class="content">
				<!--轮播图部分-->
				<div class="carousel">
					<div class="lunbo_wrap">
						<ul class="pic_box">
							<li>
								<img src="img/01.jpg" alt="tu1" />
								<div class="lunbo_text">
									<h1>省广股份携手阿里妈妈举行DT大时代 全息营销新纪元</h1>
									<dl class="clearfix">
										<dt class="fl">
											<a href="javascript:void(0)" class="iconfont icon-xin">120</a>
											<a href="javascript:void(0)" class="iconfont icon-yanjing">560</a>
										</dt>
										<dt class="fr">
											<p>12月26日 <span>07:33:43</span></p>
										</dt>
									</dl>
							    </div>
							</li>
							<li>
								<img src="img/02.png" alt="tu2" />
							    <div class="lunbo_text">
									<h1>省广股份携手阿里妈妈举行DT大时代 全息营销新纪元</h1>
									<dl class="clearfix">
										<dt class="fl">
											<a href="javascript:void(0)" class="iconfont icon-xin">120</a>
											<a href="javascript:void(0)" class="iconfont icon-yanjing">560</a>
										</dt>
										<dt class="fr">
											<p>12月26日 <span>07:33:43</span></p>
										</dt>
									</dl>
							    </div>
							</li>
							<li>
								<img src="img/03.jpg" alt="tu3" />
							    <div class="lunbo_text">
									<h1>省广股份携手阿里妈妈举行DT大时代 全息营销新纪元</h1>
									<dl class="clearfix">
										<dt class="fl">
											<a href="javascript:void(0)" class="iconfont icon-xin">120</a>
											<a href="javascript:void(0)" class="iconfont icon-yanjing">560</a>
										</dt>
										<dt class="fr">
											<p>12月26日 <span>07:33:43</span></p>
										</dt>
									</dl>
							    </div>
							</li>
							<li>
								<img src="img/04.jpg" alt="tu4" />
							    <div class="lunbo_text">
									<h1>省广股份携手阿里妈妈举行DT大时代 全息营销新纪元</h1>
									<dl class="clearfix">
										<dt class="fl">
											<a href="javascript:void(0)" class="iconfont icon-xin">120</a>
											<a href="javascript:void(0)" class="iconfont icon-yanjing">560</a>
										</dt>
										<dt class="fr">
											<p>12月26日 <span>07:33:43</span></p>
										</dt>
									</dl>
							    </div>
							</li>
						</ul>
						<!--<div class="pannel"></div>-->
						<!--<div class="lunbo_text">
							<h1>省广股份携手阿里妈妈举行DT大时代 全息营销新纪元</h1>
							<dd>
								<dt class="fl">
									<a href="javascript:void(0)" class="iconfont icon-xin">120</a>
									<a href="javascript:void(0)" class="iconfont icon-yanjing">560</a>
								</dt>
								<dt class="fr">
									<p>12月26日 <span>07:33:43</span></p>
								</dt>
							</dd>
						</div>-->
					</div>
					
				</div>
				<div class="hotdian">
					<ul class="clearfix">
						<li class="fl">
							<h1>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h1>
							<p>
							   <a href="javascript:void(0)" class="iconfont icon-xin">120</a>
							   
							   <span>2小时前 [案例观点]</span>
							</p>
						</li>
						<li class="fr">
							<img class="lazy" src="img/loading.gif" data-original="img/article_02.jpg" alt="xiaotu1"/>
						</li>
					</ul>
					<ul class="clearfix">
						<li class="fl">
							<h1>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h1>
							<p>
							   <a href="javascript:void(0)" class="iconfont icon-xin">860</a>
							   
							   <span>5小时前 [课程]</span>
							</p>
						</li>
						<li class="fr">
							<img  class="lazy" src="img/loading.gif" data-original="img/article_03.jpg" alt="xiaotu1"/>
						</li>
					</ul>
					
				</div>
				<div class="main">
					<div class="neirong">
						<dl>
							<dt><h1>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h1></dt>
							<dd>
								<img  class="lazy" src="img/loading.gif" data-original="img/article_04.jpg" alt="xiao1" />
								<img  class="lazy"  src="img/loading.gif" data-original="img/article_05.jpg" alt="xiao2" />
								<img  class="lazy"  src="img/loading.gif" data-original="img/article_06.jpg" alt="xiao3" />
							</dd>
							<dd class="clearfix">
								<div class="fl youbian">
									<div class="fixHeight">
										<img class="lazy" src="img/loading.gif" data-original="img/baga1.png" alt="touxiang" />
										
									</div>
									<span>陈志光</span>
									<a href="javascript:void(0)" class="iconfont icon-ai25">6868</a>
									<a href="javascript:void(0)" class="iconfont icon-xin">2028</a>
								</div>
								<div class="fr zuobian">
									2天前
									<span>[案例观点]</span>
								</div>
							</dd>
						</dl>
						<ul class="clearfix">
							<li class="fl">
								<h1>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h1>
								<p>
								   <a href="javascript:void(0)" class="iconfont icon-xin">120</a>
								   
								   <span>2小时前 [案例观点]</span>
								</p>
							</li>
							<li class="fr">
								<img class="lazy" src="img/loading.gif" data-original="img/article_02.jpg" alt="xiaotu1"/>
							</li>
						</ul>
						<ul class="clearfix">
							<li class="fl">
								<h1>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h1>
								<p>
								   <a href="javascript:void(0)" class="iconfont icon-xin">860</a>
								   
								   <span>5小时前 [课程]</span>
								</p>
							</li>
							<li class="fr">
								<img class="lazy" src="img/loading.gif" data-original="img/article_03.jpg" alt="xiaotu1"/>
							</li>
						</ul>
					</div>
 					<div class="neirong notwo">
						<dl>
							<dt><h1>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h1></dt>
							<dd>
								<img class="lazy" src="img/loading.gif" data-original="img/article_04.jpg" alt="xiao1" />
								<img class="lazy" src="img/loading.gif" data-original="img/article_05.jpg" alt="xiao2" />
								<img class="lazy" src="img/loading.gif" data-original="img/article_06.jpg" alt="xiao3" />
							</dd>
							<dd class="clearfix">
								<div class="fl youbian">
									<div class="fixHeight">
										<img class="lazy" src="img/loading.gif" data-original="img/baga1.png" alt="touxiang" />
										
									</div>
									<span>陈志光</span>
									<a href="javascript:void(0)" class="iconfont icon-ai25">6868</a>
									<a href="javascript:void(0)" class="iconfont icon-xin">2028</a>
								</div>
								<div class="fr zuobian">
									2天前
									<span>[案例观点]</span>
								</div>
							</dd>
						</dl>
						<ul class="clearfix">
							<li class="fl">
								<h1>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h1>
								<p>
								   <a href="javascript:void(0)" class="iconfont icon-xin">120</a>
								   
								   <span>2小时前 [案例观点]</span>
								</p>
							</li>
							<li class="fr">
								<img class="lazy" src="img/loading.gif" data-original="img/article_02.jpg" alt="xiaotu1"/>
							</li>
						</ul>
						<ul class="clearfix">
							<li class="fl">
								<h1>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h1>
								<p>
								   <a href="javascript:void(0)" class="iconfont icon-xin">860</a>
								   
								   <span>5小时前 [课程]</span>
								</p>
							</li>
							<li class="fr">
								<img class="lazy" src="img/loading.gif" data-original="img/article_03.jpg" alt="xiaotu1"/>
							</li>
						</ul>
					</div>
                    <div class="thelast">
                    	<a href="javascript:void(0)">加载更多</a>
                    </div>				
				</div>
				
			</div>
			
			<!--底部-->
			<footer>
				<div onclick="window.location.href='index.html';">
					<a href="javascript:void(0)">
					<img src="img/02home_r.png" alt="shouye" />
					<span class="active">首页</span>
					</a>
				</div>
				<div onclick="window.location.href='e_gimc.html';">
					<a href="javascript:void(0)">
					<img src="img/03GIMC_g.png" alt="shouye" />
					<span>GIMC</span>
					</a>
				</div>
				<div onclick="window.location.href='s_article.html';">
					<a href="javascript:void(0)">
					<img src="img/05article_g.png" alt="shouye" />
					<span>文章</span>
					</a>
				</div>
				<div onclick="window.location.href='t_zixun.html';">
					<a href="javascript:void(0)">
					<img src="img/07resou_g.png" alt="shouye" />
					<span>资源</span>
					</a>
				</div>
				<div onclick="window.location.href='ff_class.html';">
					<a href="javascript:void(0)">
					<img src="img/09college_g.png" alt="shouye" />
					<span>学院</span>
					</a>
				</div>
				
			</footer>
		    
		    
		    <!-------注册页面-------->
		    <div class="malogin">
			<!--头部-->
			<div class="close clearfix">
				<a href="javascript:void(0)" class="iconfont icon-close-b"></a>
			</div>
			<!--内容填写部分-->
			<div class="content">
				<!--头像-->
				<div class="bod">
					<div class="fixHeight">
						<img  src="img/mx-nologin.png" alt="touxiang"/>
					</div>
					<a href="javascript:void(0)">立即登陆</a>
				</div>
				<!--小分支-->
				<div class="sort clearfix">
					<a href="javascript:void(0)">
						<span>GIMC</span>
						<i class="iconfont icon-dropright"></i>
						
					</a>
					<a href="javascript:void(0)">
						<span>文章</span>
						<i class="iconfont icon-dropright"></i>
						
					</a>
					<a href="javascript:void(0)">
						<span>资源</span>
						<i class="iconfont icon-dropright"></i>
					</a>
					<a href="javascript:void(0)">
						<span>课程</span>
						<i class="iconfont icon-dropright"></i>
					</a>
					<a href="javascript:void(0)"></a>
				</div>
			</div>
			
		</div>
		    <!------搜索页面--------->
		    <div class="soso">
			<!--头部-->
			<div class="close clearfix">
				<a href="javascript:void(0)" class="iconfont icon-close-b"></a>
				<form>
					<i class="iconfont icon-sousuo"></i>
					<input type="text" placeholder="search..."/>
				</form>
			</div>
			<!--热搜内容-->
			<div class="keyword">
				<h1>热搜</h1>
				<ul class="clearfix">
					<li class="active">省广股份</li>
					<li>移动互联网</li>
					<li>细分平台服务</li>
					<li>O2O</li>
				</ul>
				<ul class="clearfix">
					<li>媒界平台</li>
					<li>拥抱变革，创造未来</li>
					<li>平台</li>
				</ul>
				<ul class="clearfix">
					<li>上海金投赏创意节</li>
					
				</ul>
				
			</div>
			
		</div>
            <!------个人中心---------->		
		    <div class="maloginnnr">
				<!--头部-->
				<div class="close clearfix">
					<a href="javascript:void(0)" class="iconfont icon-close-b"></a>
				</div>
				<!--内容填写部分-->
				<div class="maloginnr">
					<!--个人中心-->
					<div class="zhuren">
						<div class="fixHeight">
							<img src="img/head_portrait.png" alt="grtouxiang" />
						</div>
						<dl class="per">
							<dd>
								<span>太君</span>
								<a href="javascript:void(0)">个人中心<i class="iconfont icon-dropright"></i></a>
							</dd>
							<dd>
								<p class="iconfont icon-xingxing_xuanzhong"></p>
								<p class="iconfont icon-xingxing_xuanzhong"></p>
								<p class="iconfont icon-xingxing_xuanzhong"></p>
						    </dd>
						    <dd>
								<a href="javascript:void(0)">关注 <span>36</span></a>
								<a href="javascript:void(0)">粉丝 <span>208</span></a>
						    </dd>
						    <dd>
						    	<button class="active">我的收藏</button>
						    	<button>我的发布</button>
						    </dd>
					    </dl>
						
					</div>
					<!--小分支-->
					<div class="sort clearfix">
						<a href="javascript:void(0)" >
							<span>GIMC</span>
							<i class="iconfont icon-dropright"></i>
						</a>
						    <div class="kg">
						    	<a href="javascript:void(0)">省广介绍</a>
						    	<a href="javascript:void(0)">新闻资讯</a>
						    </div>
						<a href="javascript:void(0)">
							<span>文章</span>
							<i class="iconfont icon-dropright"></i>
						</a>
							<div class="kg">
						    	<a href="javascript:void(0)">省广介绍</a>
						    	<a href="javascript:void(0)">新闻资讯</a>
						    </div>
						<a href="javascript:void(0)">
							<span>资源</span>
							<i class="iconfont icon-dropright"></i>
						</a>
						    <div class="kg">
						    	<a href="javascript:void(0)">省广介绍</a>
						    	<a href="javascript:void(0)">新闻资讯</a>
						    </div>
						<a href="javascript:void(0)">
							<span>课程</span>
							<i class="iconfont icon-dropright"></i>
						</a>
							<div class="kg">
						    	<a href="javascript:void(0)">省广介绍</a>
						    	<a href="javascript:void(0)">新闻资讯</a>
						    </div>
					</div>
				    <!--退出登录-->
				    <div class="exit">
				    	<button>退出</button>
				    </div>
				</div>
			</div>
		
		
		</div>
		
		
        <script src="js/jquery-2.1.0.js"></script>
        <script src="js/index.js"></script>
        <script src="js/swiper-3.4.2.jquery.min.js"></script>
        <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
        <script src="js/lazyload.js"> </script>	     
	    <script src="js/carousel.js"></script>
	    <script type="text/javascript">
	    	new lunbo(".carousel", 640 / 1200);
	    	
	    	//懒加载
			$("img.lazy").lazyload({
				threshold: 200,
				//	     		placeholder : "img/loading.gif",
				effect: "fadeIn",
				container: $(".content")
			});
			
			//开关
			$(document).ready(function() {
				$(".sort>a").click(function() {
					$(this).next(".kg").slideToggle("slow");
				});
			
			});
			 
			//touch事件
//			$(".content ul").on("touchstart",function(){
//				$(this).addClass("bgchange");
//			})
//			
//			$(".content ul").on("touchend",function(){
//				$(this).removeClass("bgchange");
//			})	
	    </script>
	</body>
</html>
